<template>
	<div>	
       <header class="my">
       	<img src="../assets/tx.jpg"/>
        <p>zhangsan <br />段位：学富五车</p>
       </header>
       <div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">	         
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../static/img/1.jpg"/>
		                    <div class="mui-media-body">Vue</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../static/img/2.jpg"/>
		                    <div class="mui-media-body">Python</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../static/img/3.jpg"/>
		                    <div class="mui-media-body">javaScript</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../static/img/4.jpg"/>
		                    <div class="mui-media-body">Java</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../../static/img/5.jpg"/>
		                    <div class="mui-media-body">HTML</div></a></li>
		           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-more"></span>
		                    <div class="mui-media-body">more</div></a></li>
		        </ul> 
		</div>
	  <mt-cell title="我的积分" icon="icon" is-link></mt-cell>
	  <router-link :to="{name:'mycollect'}">
	  <mt-cell title="我的收藏" icon="icon-test4" is-link></mt-cell>
	  </router-link>
	  <mt-cell title="我的留言"  icon="liuyan1" is-link></mt-cell>
	  <mt-cell title="我的已购"  icon="icon-test" is-link></mt-cell>
	  <mt-cell title="我的学习"  icon="ic_history" is-link></mt-cell>
	<!--  <input type="button" value="退出登陆" class="btn"/> -->
	</div>
</template>

<script>

    export default {
    	name:'App',
    	components: {

		},
        data(){
             return{
                username:'请登录'
            }
        },
        methods:{
        	logSucces(data){
        	this.username = data.username
        	},

        },
        created(){

            },
            computed:{
    Logout:function(){
       var flag= this.$store.state.isLogin ;
       flag=0;
    }
}
        }

</script>

<style>
	.my{
		width: 100%;
		margin: 0 auto;
		height: 80px;
		padding: 10px 0 10px 10px;
	}
	.my img{
		width: 48px;
		height: 48px;
		border: solid 3px #fff ;
		border-radius: 50%;
		float: left;
		margin-right: 10px;
	}
	/*九宫格样式*/
.mui-table-view.mui-grid-view.mui-grid-9{
    background-color: white;
     border: 0;
     margin-top: -10px;
}
.mui-table-view.mui-grid-view.mui-grid-9 li{
    border: 0;
}


.mint-swipe{
	width:100%;
	height:180px;
}
.mint-swipe img{
	width: 100%;
}
.mui-grid-9 img{
	width: 40px;
	height: 40px;
	border: solid 1px #CCC;
	border-radius: 50%;
	padding: 5px;
}
</style>